Descrizione: Si tratta di avere un testo che segue sullo schermo il puntatore del mouse facendo gli stessi movimenti e le stesse evoluzioni per poi ricomporsi appena ci si ferma


Passo 1: seleziona tutto il codice cliccando sulla forbice, quindi portati sul testo evidenziato e adopera il tasto destro del mouse per copiarlo e incollarlo nella tua pagina web, in questo caso fra i tags: <head> e </head> 


DA INSERIRE___________



<style>
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
      font-weight:bold;
	color:black;
}
</style>
<script>

/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com
*/

var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="Web-Link.it "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
	ypos[i]=-50
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
	flag=1
}

function makesnake() {
	if (flag==1 && document.all) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	
	else if (flag==1 && document.layers) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xpos[i]
			thisspan.top=ypos[i]
    	}
	}
		var timer=setTimeout("makesnake()",30)
}

/* prelevato su web-link: http://web-link.it */

</scr



Devi soltanto cambiare il testo con quello che preferisci, fallo modificando il valore della variabile "message" che trovi come prima riga del primo script, quello da inserire nella parte head. Puoi cambiare anche il colore, le dimensioni ed il font modificando la parte relativa allo <style>   molto intuitiva come potrai vedere: font-size:10pt; font-family:Verdana; font-weight:bold; color:green. 


Passo 2: Stessa operazione ma questa volta copia all'interno del tag: <body> 


DA INSERIRE_________________________



<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
	document.write(message[i])
    document.write("</span>")
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>




Passo 3: Una volta inseriti i due script nelle relative zone della tua pagina html non ti resta che aggiungere l'evento onload all'istruzione BODY. L'evento serve ad attivare lo script una volta caricata la pagina, copia esattamente l'istruzione sotto:


DA INSERIRE______________________


<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">






















